<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="${pageContext.request.contextPath}/JavaScript/vue.js"></script>
    <script src="${pageContext.request.contextPath}/JavaScript/JQuery.js"></script>
<title>Insert title here</title>
</head>
<body>
			<div id="layoutSidenav_nav">
                <nav class="sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
                    <div class="sb-sidenav-menu">
                        <div class="nav">

                            <div class="sb-sidenav-menu-heading">功能模块</div>

                         <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapseLayouts" aria-expanded="false" aria-controls="collapseLayouts">
    <div class="sb-nav-link-icon"><i class="fas fa-columns"></i></div>
    用户信息管理
    <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
</a>
<div class="collapse" id="collapseLayouts" aria-labelledby="headingOne">
    <nav class="sb-sidenav-menu-nested nav">

        <a class="nav-link" href="${pageContext.request.contextPath}/getClassUserInfoServlet" >班级用户管理</a>

        <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapseCollege" aria-expanded="false" aria-controls="collapseCollege">
            <div class="sb-nav-link-icon"><i class="fas fa-book-open"></i></div>
            院级用户管理
            <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
        </a>
        <div class="collapse" id="collapseCollege">
            <nav class="sb-sidenav-menu-nested nav" id="grades">


                <a class="nav-link" href="${pageContext.request.contextPath}/getCollegeUserInfo?id=1" id="freshman" >{{freshman}}</a>
                <a class="nav-link" href="${pageContext.request.contextPath}/getCollegeUserInfo?id=2" id="sophomore">{{sophomore}}</a>
                <a class="nav-link" href="${pageContext.request.contextPath}/getCollegeUserInfo?id=3" id="junior">{{junior}}</a>
                <a class="nav-link" href="${pageContext.request.contextPath}/getCollegeUserInfo?id=4" id="senior">{{senior}}</a>
                <a class="nav-link" href="${pageContext.request.contextPath}/getCollegeUserInfo?id=5" id="master">{{master}}</a>


            </nav>
        </div>
    </nav>
</div>


<%--                            用户权限管理--%>
<a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapseGrades" aria-expanded="false" aria-controls="collapseGrades">
    <div class="sb-nav-link-icon"><i class="fas fa-columns"></i></div>
    用户权限管理
    <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
</a>
            <div class="collapse" id="collapseGrades" aria-labelledby="headingOne">
                <nav class="sb-sidenav-menu-nested nav">

                    <a class="nav-link" href="${pageContext.request.contextPath}/CurrentClassPermissionSettingsServlet" >班级用户权限管理</a>

<%--                    &lt;%&ndash;权限管理实例&ndash;%&gt;--%>
<%--                    <a class="nav-link" href="${pageContext.request.contextPath}/UserPermissionSettingsServlet" >权限管理示例</a>--%>
<%--                    &lt;%&ndash;权限管理实例结束&ndash;%&gt;--%>

                    <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapseCollegeGarde" aria-expanded="false" aria-controls="collapseCollegeGarde">
                        <div class="sb-nav-link-icon"><i class="fas fa-book-open"></i></div>
                        院级用户权限管理
                        <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
                    </a>
                    <div class="collapse" id="collapseCollegeGarde">
                        <nav class="sb-sidenav-menu-nested nav" id="AGrades">


                            <a class="nav-link" href="${pageContext.request.contextPath}/UserPermissionSettingsServlet?id=1" id="freshmanGarde" >{{freshman}}</a>
                            <a class="nav-link" href="${pageContext.request.contextPath}/UserPermissionSettingsServlet?id=2" id="sophomoreGarde">{{sophomore}}</a>
                            <a class="nav-link" href="${pageContext.request.contextPath}/UserPermissionSettingsServlet?id=3" id="juniorGarde">{{junior}}</a>
                            <a class="nav-link" href="${pageContext.request.contextPath}/UserPermissionSettingsServlet?id=4" id="seniorGarde">{{senior}}</a>
                            <a class="nav-link" href="${pageContext.request.contextPath}/UserPermissionSettingsServlet?id=5" id="masterGarde">{{master}}</a>


                        </nav>
                    </div>
                </nav>
            </div>

<%--                            用户权限管理结束--%>



                            <a class="nav-link collapsed" href="" data-bs-toggle="collapse" data-bs-target="#collapsePages" aria-expanded="false" aria-controls="collapsePages">
                                <div class="sb-nav-link-icon"><i class="fas fa-book-open"></i></div>
                                	活动发布管理
                                <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
                            </a>
                            <div class="collapse" id="collapsePages" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion">
                                <nav class="sb-sidenav-menu-nested nav">
                                    <a class="nav-link" href="${pageContext.request.contextPath}/PublicationActive">活动管理</a>
                                    <a class="nav-link" href="${pageContext.request.contextPath}/admin/addActive.jsp">活动发布</a>
                                </nav>
                            </div>


                            <a class="nav-link collapsed" href="" data-bs-toggle="collapse" data-bs-target="#collapseCollect" aria-expanded="false" aria-controls="collapseCollect">
                                <div class="sb-nav-link-icon"><i class="fas fa-book-open"></i></div>
                                材料收集管理
                                <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
                            </a>
                            <div class="collapse" id="collapseCollect" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion">
                                <nav class="sb-sidenav-menu-nested nav">
                                    <a class="nav-link" href="${pageContext.request.contextPath}/ClassMaterial">班级材料</a>
                                    <a class="nav-link" href="${pageContext.request.contextPath}/CollegeMaterial">院级材料</a>
<%--                                    <a class="nav-link" href="#">校级材料</a>--%>
<%--                                    <a class="nav-link" href="#">部落材料</a>--%>
<%--                                    <a class="nav-link" href="#">全部材料</a>--%>
                                </nav>
                            </div>



                        </div>
                    </div>
                </nav>
            </div>




</body>

<script>
	document.addEventListener('DOMContentLoaded', function() {
		const app = new Vue({
			el: '#grades',
			data: function() {
				return {
					freshman: new Date().getFullYear()  // 获取当前年份
                    + "级",
					sophomore: new Date().getFullYear() -1 // 获取当前年份
                    + "级",
					junior: new Date().getFullYear() -2 // 获取当前年份
                    + "级",
					senior: new Date().getFullYear() -3 // 获取当前年份
                    + "级",
					master: new Date().getFullYear() -4 // 获取当前年份
                    + "级"
				};
			}
		});

		const app2 = new Vue({
			el: '#AGrades',
			data: function() {
				return {
					freshman: new Date().getFullYear()  // 获取当前年份
                    + "级",
					sophomore: new Date().getFullYear() -1 // 获取当前年份
                    + "级",
					junior: new Date().getFullYear() -2 // 获取当前年份
                    + "级",
					senior: new Date().getFullYear() -3 // 获取当前年份
                    + "级",
                    master: new Date().getFullYear() -4 // 获取当前年份
                            + "级"
				}
			}
		})
	});
</script>


</html>